<template>
  <view class="content">
    <text style="font-size: 36rpx; font-weight: bold;">子组件A</text>
    <!-- 展示父组件传递的值 -->
    <view class="coma_box" style="margin-top: 20rpx; margin-left: 30rpx;">
      <text>父组件传进来的值:</text>
      <text style="font-weight: bold; color: red; margin-left: 10rpx;">{{ intent }}</text>
    </view>
    <!-- 给兄弟组件B传值的按钮 -->
    <button type="primary" @click="sendData()" style="margin-top: 30rpx; margin-left: 30rpx; width: 60%;">传值给CompB组件</button>
  </view>
</template>

<script>
export default {
  // 接收父组件传递的属性
  props: ['intent'],
  methods: {
    // 向兄弟组件B发送数据
    sendData() {
      console.warn("----子组件A发送数据给B-->", this.intent);
      // 触发全局自定义事件，传递值给兄弟组件B
      uni.$emit('getIntent', this.intent);
    }
  }
}
</script>

<style scoped>
.content {
  background-color: #f5b763;
  padding: 20rpx;
  border-radius: 10rpx;
  margin: 0 30rpx;
}
</style>